<template>
	<view class="content base-con-bg">
		<view class="title" v-if="noticeDetail.title">{{noticeDetail.title}}</view>
		<view class="date-number">
			<view class="name-date"><span class="name">陶老师</span>{{$common.cutOutDate(noticeDetail.createdAt)}}</view>
			<!-- <view class="number"><span class="iconfont icon-Icon-guankanliang"></span>1165</view> -->
		</view>
		<rich-text class="detail-con" :nodes="noticeDetail.content" user-select space="emsp"></rich-text>
		
		<!-- 客服 -->
		<servicePopup></servicePopup>
		
	</view>
</template>

<script>
	import servicePopup from '@/components/servicePopup.vue'
	export default {
		components: {
		  servicePopup,
		},
		data() {
			return {
				noticeDetail: {}
			}
		},
		onLoad(options){
			console.log(options,'---15')
			this.noticeDetail=this.$store.state.noticeDetail;
			if(options.content){
				this.noticeDetail.content=options.content
			}
			console.log(this.item,'-----16')
		},
		onShareAppMessage(){
			return {
			    title: '考试详情',
				path: `/pages/noticeDetail2/index?content=${this.noticeDetail.content}`,
				query: 'content='+this.noticeDetail.content
			}
		},
		onShareTimeline(){
			return {
			    title: '考试详情',
				query: 'content='+this.noticeDetail.content
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		padding: 36rpx 32rpx;
	}
	.title{
		margin-bottom: 28rpx;
		text-align: center;
		font-size: 44rpx;
		color: #303030;
	}
	.date-number{
		display: flex;
		justify-content: space-between;
		margin-bottom: 32rpx;
		font-size: 24rpx;
		color: #9DA0A7;
		.name{
			&::after{
				content: "";
				display: inline-block;
				width: 2rpx;
				height: 19.4rpx;
				margin: 0 16rpx;
				background-color: #9DA0A7;
			}
		}
		.number{
			display: flex;
			align-items: center;
		}
		.iconfont{
			margin-right: 4rpx;
		}
	}
	.detail-con{
		overflow: hidden;
		img{
			max-width: 100%;
			height: auto;
		}
	}
</style>
